import "./App.css";
import { StreamDataDisplay } from "./components/StreamDataDisplay";
import { ChatComponent } from "./components/ChatComponent";

function App() {
  return (
    <div className="min-h-screen bg-gray-100 py-8">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
          <div>
            <div className="text-center mb-8">
              <h1 className="text-3xl font-bold text-gray-900">流式数据展示</h1>
              <p className="mt-2 text-gray-600">实时展示来自服务器的流式数据</p>
            </div>
            <StreamDataDisplay />
          </div>
          <div>
            <div className="text-center mb-8">
              <h1 className="text-3xl font-bold text-gray-900">AI 聊天</h1>
              <p className="mt-2 text-gray-600">与AI助手进行实时对话</p>
            </div>
            <ChatComponent />
          </div>
        </div>
      </div>
    </div>
  );
}

export default App;
